﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>小微企业跨组织人才管理系统</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <!--<link rel="stylesheet" href="css/右1.css"-->
    <!-- CSS -->
    <link rel="stylesheet" href="css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/nouislider.min.css">
    <link rel="stylesheet" href="css/select2.min.css">
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="css/ionicons.min.css">
    <link rel="stylesheet" href="css/main.css">

</head>
<body style="background-color: #eeeaea;">
    <!--头部导航栏开始-->
    <div style="position: fixed; width: 100%;z-index: 999;">
        <div class="layui-fluid">
            <div class="layui-row">
                <!-- <div class="layui-col-md12">-->




                <ul class="layui-nav" lay-filter="">
                    <li class="layui-nav-item ">
                        <a href="" style="position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 60px; color:#ffffff; font-size:20px;">今目标</a>
                    </li>

                    <li class="layui-nav-item ">
                        <a href="">
                            <span class="layui-icon layui-icon-home"></span> 首页
                        </a>
                    </li>
                    <li class="layui-nav-item"><a href=""><span class="layui-icon layui-icon-dialogue"></span>交流社区</a></li>

                    <li class="layui-nav-item">
                        <form action="#" class="header__search">
                            <input class="header__search-input" type="text" placeholder="搜索...">
                            <button class="header__search-button" type="button">
                                <i class="icon ion-ios-search"></i>
                            </button>
                        </form>
                    </li>
                    <li class="layui-btn-group " style="        float: right; margin-top: 20px;">
                        <a href="javascript:;" id="loginclick" style="color: #ffffff;">登录 | 注册</a>


                    </li>
                </ul>

            </div>
        </div>
    </div>
    <!--头部导航栏结束-->
    <!--主体开始-->
    <div class="layui-fluid" style="padding-top: 85px">
        <div class="lay-row layui-col-space10">
            <!--间距为10-->
            <div class="layui-col-md9">
                <!--{block name="main"}{/block}-->
                <div class="layui-carousel" id="test1">
                    <div carousel-item>
                        <div><img src="images/河正宇.jpg" alt="" /></div>
                        <div><img src="images/鸭子.jpg" alt="" /></div>
                        <div><img src="images/月影.jpg" alt="" /></div>
                        <div><img src="images/长发少女.jpg" alt="" /></div>
                        <div><img src="images/background.jpg" alt="" /></div>
                    </div>
                </div>
                <div style="background-color: #EEEAEA;padding: 8px 16px;margin: 3px 0px;">

                </div>
                <div>
                    <div class="layui-card">
                        <div class="layui-card-header " style="        background-color: #0E557F; color: #ffffff">卡片面板</div>
                        <div class="layui-card-body">

                            <div class="post">
                                <div class="post__head">
                                    <a href="#" class="post__head-img">
                                        <img src="img/user8.jpg" alt="">
                                    </a>
                                    <div class="post__head-title">
                                        <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">塞巴斯蒂安·李</font></font></a></h5>
                                        <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">11分钟前</font></font></p>
                                    </div>

                                    <div class="post__dropdown">
                                        <a class="dropdown-toggle post__dropdown-btn" href="#" role="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="icon ion-md-more"></i>
                                        </a>

                                        <ul class="dropdown-menu dropdown-menu-right post__dropdown-menu" aria-labelledby="dropdownMenu1">
                                            <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">编辑</font></font></a></li>
                                            <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">删除</font></font></a></li>
                                            <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐藏</font></font></a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="post__wrap">
                                    <div class="post__company">
                                        <i class="icon ion-ios-briefcase"></i>
                                        <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Envato</font></font></span>
                                    </div>

                                    <div class="post__location">
                                        <i class="icon ion-ios-navigate"></i>
                                        <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">澳大利亚</font></font></span>
                                    </div>

                                    <div class="post__actions">
                                        <a class="post__actions-btn post__actions-btn--green" href="#">
                                            <i class="icon ion-ios-bookmark"></i>
                                        </a>
                                        <a class="post__actions-btn post__actions-btn--red" href="#">
                                            <i class="icon ion-ios-mail"></i>
                                        </a>
                                    </div>
                                </div>

                                <h2 class="post__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">资深Wordpress开发人员</font></font></h2>

                                <div class="post__options">
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全职</font></font></span>
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 36 /小时</font></font></p>
                                </div>

                                <div class="post__description">
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Lorem Ipsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化。</font><font style="vertical-align: inherit;">如果要使用Lorem Ipsum的段落，则需要确保文本中间没有隐藏任何令人尴尬的内容。</font></font></p>
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
                                </div>

                                <div class="post__tags">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML </font></font></a>
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">CSS </font></font></a>
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">PHP</font></font></a>
                                </div>

                                <div class="post__stats">
                                    <div>
                                        <a class="post__likes" href="#"><i class="icon ion-ios-heart"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">15</font></font></span></a>
                                        <a class="post__comments" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1"><i class="icon ion-ios-text"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2</font></font></span></a>
                                    </div>

                                    <div class="post__views">
                                        <i class="icon ion-ios-eye"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">214</font></font></span>
                                    </div>
                                </div>

                                <div class="collapse post__collapse" id="collapse1">
                                    <form action="#" class="post__form">
                                        <input type="text" placeholder="输入您的评论...">
                                        <button type="button"><i class="icon ion-ios-paper-plane"></i></button>
                                    </form>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>


            <div class="layui-col-md3" style="padding-left:20px;">
                <!--{ include file="side.html" }--><!--包含进来-->
                <div class="layui-card ">
                    <div class="layui-card-header" style="background-color: #0E557F; color: #ffffff; text-align:center;">推荐观看</div>
                    <div class="layui-card-body">

                        <div class="sidebox__content">
                            <div class="sidebox__job">
                                <div class="sidebox__job-title">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">前端开发人员</font></font></a>
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 25 /小时</font></font></span>
                                </div>
                                <p class="sidebox__job-description">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            因此，生成的Lorem Ipsum始终没有重复。
                                        </font>
                                    </font>
                                </p>
                            </div>

                            <div class="sidebox__job">
                                <div class="sidebox__job-title">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">UI / UX Designer </font></font></a>
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 20 /小时</font></font></span>
                                </div>
                                <p class="sidebox__job-description">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            因此，生成的Lorem Ipsum始终没有重复。
                                        </font>
                                    </font>
                                </p>
                            </div>

                            <div class="sidebox__job">
                                <div class="sidebox__job-title">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">后端开发人员</font></font></a>
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 27 /小时</font></font></span>
                                </div>
                                <p class="sidebox__job-description">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            因此，生成的Lorem Ipsum始终没有重复。
                                        </font>
                                    </font>
                                </p>
                            </div>

                            <div class="sidebox__job">
                                <div class="sidebox__job-title">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">领队</font></font></a>
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 38 /小时</font></font></span>
                                </div>
                                <p class="sidebox__job-description">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            因此，生成的Lorem Ipsum始终没有重复。
                                        </font>
                                    </font>
                                </p>
                            </div>

                            <div class="sidebox__job">
                                <div class="sidebox__job-title">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">高级Java开发人员</font></font></a>
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 35 /小时</font></font></span>
                                </div>
                                <p class="sidebox__job-description">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            因此，生成的Lorem Ipsum始终没有重复。
                                        </font>
                                    </font>
                                </p>
                            </div>

                        </div>
                        <a href="#" class="sidebox__more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
                    </div>
                </div>

                <div class="layui-card">
                    <div class="layui-card-header" style="        background-color: #0E557F; color: #ffffff; text-align: center;">意见建议</div>
                    <div class="layui-card-body">

                        <div class="sidebox__content">
                            <div class="sidebox__user">
                                <a href="#" class="sidebox__user-img">
                                    <img src="img/user7.jpg" alt="">
                                </a>
                                <div class="sidebox__user-title">
                                    <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">安迪·拉莫斯（Andy Ramos）</font></font></a></h5>
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">秘书</font></font></p>
                                </div>
                                <button class="sidebox__user-btn" type="button">
                                    <i class="icon ion-ios-add"></i>
                                </button>
                            </div>

                            <div class="sidebox__user">
                                <a href="#" class="sidebox__user-img">
                                    <img src="img/user1.jpg" alt="">
                                </a>
                                <div class="sidebox__user-title">
                                    <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">托尼·杨</font></font></a></h5>
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">中医师</font></font></p>
                                </div>
                                <button class="sidebox__user-btn" type="button">
                                    <i class="icon ion-ios-add"></i>
                                </button>
                            </div>

                            <div class="sidebox__user">
                                <a href="#" class="sidebox__user-img">
                                    <img src="img/user2.jpg" alt="">
                                </a>
                                <div class="sidebox__user-title">
                                    <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">圣地亚哥·罗宾逊</font></font></a></h5>
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">时装设计师</font></font></p>
                                </div>
                                <button class="sidebox__user-btn" type="button">
                                    <i class="icon ion-ios-add"></i>
                                </button>
                            </div>

                            <div class="sidebox__user">
                                <a href="#" class="sidebox__user-img">
                                    <img src="img/user3.jpg" alt="">
                                </a>
                                <div class="sidebox__user-title">
                                    <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">索菲亚·门多萨（Sophia Mendoza）</font></font></a></h5>
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教学助手</font></font></p>
                                </div>
                                <button class="sidebox__user-btn" type="button">
                                    <i class="icon ion-ios-add"></i>
                                </button>
                            </div>

                            <div class="sidebox__user">
                                <a href="#" class="sidebox__user-img">
                                    <img src="img/user4.jpg" alt="">
                                </a>
                                <div class="sidebox__user-title">
                                    <h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">玛莎·鲍德温（Marsha Baldwin）</font></font></a></h5>
                                    <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">园丁</font></font></p>
                                </div>
                                <button class="sidebox__user-btn" type="button">
                                    <i class="icon ion-ios-add"></i>
                                </button>
                            </div>
                        </div>
                        <a href="#" class="sidebox__more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
                    </div>
                </div>

                <div class="layui-card">
                    <div class="layui-card-header" style="background-color: #0E557F; color: #ffffff; text-align: center;">热门搜索</div>
                    <div class="layui-card-body">
                        <div class="sidebox__content">
                            <div class="sidebox__job">
                                <div class="sidebox__job-title">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">UI / UX Designer </font></font></a>
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 20 /小时</font></font></span>
                                </div>
                                <p class="sidebox__job-description">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            因此，生成的Lorem Ipsum始终没有重复。
                                        </font>
                                    </font>
                                </p>
                            </div>

                            <div class="sidebox__job">
                                <div class="sidebox__job-title">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">后端开发人员</font></font></a>
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 27 /小时</font></font></span>
                                </div>
                                <p class="sidebox__job-description">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            因此，生成的Lorem Ipsum始终没有重复。
                                        </font>
                                    </font>
                                </p>
                            </div>

                            <div class="sidebox__job">
                                <div class="sidebox__job-title">
                                    <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">高级Java开发人员</font></font></a>
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 35 /小时</font></font></span>
                                </div>
                                <p class="sidebox__job-description">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            因此，生成的Lorem Ipsum始终没有重复。
                                        </font>
                                    </font>
                                </p>
                            </div>
                        </div>
                        <a href="#" class="sidebox__more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
                    </div>

                </div>

            </div>

        </div>


    </div>
    <!--主体结束-->
    <!--登录注册-->
    <div style="display: none;" id="login">
        <div class="layui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">登录</li>
                
                <li>注册</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">账号</label>
                            <div class="layui-input-inline">
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">密码</label>
                            <div class="layui-input-inline">
                                <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                            </div>
                            
                        </div>
                        
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formDemo">登录</button>
                               
                            </div>
                        </div>
                    </form>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-tab-item layui-show">
                        <form class="layui-form" action="" >
                            <div class="layui-form-item" >
                                <label class="layui-form-label" style="padding: 9px 8px;">账号</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="title" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="padding: 9px 8px;">密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                                </div>

                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="padding: 9px 8px;">确认密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" name="password" required lay-verify="required" placeholder="请再次输入密码" autocomplete="off" class="layui-input">
                                </div>

                            </div>

                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button class="layui-btn" lay-submit lay-filter="formDemo">注册</button>

                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                
            </div>
        </div>
    </div>

    <!-- JS -->
    <script src="layui/layui.all.js"></script>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/wNumb.js"></script>
    <script src="js/nouislider.min.js"></script>
    <script src="js/select2.min.js"></script>
    <script src="js/jquery.mousewheel.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.min.js"></script>
    <script src="js/main.js"></script>
    <script>
        layui.use('element', function () {
            var element = layui.element;
        });
        //首页轮播
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                , width: '100%' //设置容器宽度
                , height: '500px'
                , arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
        //头像
        layui.use(['upload'], function () {
            var layer = layui.layer;
            var $ = layui.jquery,
                upload = layui.upload;
            //普通图片上传开始
            var uploadInst = upload.render({
                elem: '#id_upload_img',
                url: '/user/upload_img/',
                //自个的上传接口
                before: function (obj) {
                    //预读本地文件示例，不支持ie8
                    obj.preview(function (index, file, result) {
                        $('#id_upload_img').attr('src', result); //图片链接（base64）
                    });
                },
                done: function (res) {
                    //如果上传失败
                    if (res.status > 0) {
                        return layer.msg('上传失败');
                    }
                    //上传成功
                },
                error: function () {
                    //演示失败状态，并实现重传
                    var demoText = $('#demoText');
                    demoText.html(
                        '<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                    demoText.find('.demo-reload').on('click', function () {
                        uploadInst.upload();
                    });
                }
            });
            //普通图片上传结束

            //登录注册
            layui.use(['element', 'layer'], function () {
                var element = layui.element;
                var layer = layui.layer;
                var $ = layui.$;

                

                $("#loginclick").click(function () {
                    layer.open({
                        type: 1,
                        content: $('#login') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                    });
                })
            })

        })
    </script>
</body>
</html>